<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>读取的公告栏文字</title>
</head>

<body>
    <table width="420" cellpadding="0" cellspacing="0">
        <tr>
            <td width="100%" colspan="3" valign="top">
                <div align="center"><textarea name="teletype" id="teletype" rows="3" cols="49" wrap="yes"></textarea> </td>
        </tr>
        <tr align="center">
            <td width="30%" bgcolor="#0000A0" valign="top"><input type="text" value="" sie="5" name="1" id="textNum"></td>
            <td width="30%" bgcolor="#0000A0" valign="top"><input type="button" value="阅 读" onclick="ChangePage()"></td>
        </tr>
    </table>

    <script>
        var text = document.getElementById("teletype"); // 定位文本框
        var textnum = document.getElementById("textNum"); // 定位页数
        var array = new Array(4);
        var count = -1;
        array[0] = "珠海，珠江口西岸的核心城市，经济特区，珠江三角洲南端的一个重要城市，位于广东省珠江口的西南部！";
        array[1] = "珠海生态环境优美，山水相间，陆岛相望，气候宜人，是全国唯一以整体城市景观入选“全国旅游胜地四十佳”的城市。";
        array[2] = "珠海与澳门的横琴新区启动项目---珠海十字门商务区，继标志性建筑物'海之珠'诞生后，其城市设计概念中标方案出炉，HOK国际（亚太公司）的规划方案拔得头筹。";
        array[3] = "珠海是一座具有浓郁代文化氛围的城市。从浪漫的休闲海滩，到欧式的午夜酒吧；从万头攒动的娱乐广场，到温馨宁静的文化馆站，珠海文化的内涵被放大，成为一种具有经济推力的'大文化'";

        function ChangePage() {
            count = (count + 1) % 4; // 取余确保循环
            text.value = array[count];
            textnum.value = "第" + (count + 1) + "页" + "/共" + array.length + "页";
        }
    </script>
</body>

</html>